<!DOCTYPE html>
<html ng-app="App">

<head>
  <title>{{"学习AngularJS 1.x"}}</title>
  <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
  <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
  <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>


  <script src="../public/bower_components/components/angular/angular.js"></script>
  <script type="text/javascript" src="app.js"></script>
</head>

<body>

  <div>
    <div class="container">
      <div ng-controller="Hello">
        <h1 ng-if="data.flag">ng-if{{data.msg}}</h1>
        <h1 ng-show="data.isShow">ng-show{{data.msg}}</h1>
        <input type="text" ng-model="data.msg" />
        <h3>number:{{1234 | number:5}}</h3>
        <h3>{{ 1234.56 | currency:"人民币￥":0}}</h3>
        <h3>{{ list | json }}</h3>
        <div ng-repeat="item in list | orderBy:'name' ">
         <div>
            <h3>{{item.name}}</h3>
         
            <button ng-click="onClick($index)">第{{$index}}个测试按钮</button>
         </div>
        
        </div>
      </div>
    </div>
</body>

</html>